<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>	Туристичний онлайн-сервіс "Метрдотель"</title>
<meta name="description" content="Real estate website">
<meta name="keywords" content="real, estate">
<link href="css/mystyle.css" rel="stylesheet" type="text/css">
<link href="css/smoothness/jquery-ui-1.9.2.custom.min.css" rel="stylesheet" type="text/css">
    <script src="js/jquery-1.8.3.js"></script>
	<script src="js/jquery-ui-1.9.2.custom.js"></script>
	<script>
    $(function() {
        $( "#accordion" ).accordion();
    });
    </script>
</head>
<body>
<div id="page">
  <div id="menu"><table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="10"><img src="images/ml.gif" alt="" width="10" height="41"></td>
    <td class="item"><a href="index.html">Про сервіс</a></td>
    <td width="20"><img src="images/ms.gif" alt="" width="20" height="41"></td>
    <td class="item"><a href="catalog.html">Каталог готелів</a></td>
    <td width="20"><img src="images/ms.gif" alt="" width="20" height="41"></td>
   <td class="item"><a href="galery.html">Галерея</a></td>
    <td width="20"><img src="images/ms.gif" alt="" width="20" height="41"></td>
    <td class="item"><a href="form.html">Форма бронювання</a></td>
    <td width="20"><img src="images/ms.gif" alt="" width="20" height="41"></td>
    <td class="item"><a href="#">FAQ</a></td>
    <td width="20"><img src="images/ms.gif" alt="" width="20" height="41"></td>
    <td class="item"><a href="#">Контакти</a></td>
    <td width="10"><img src="images/mr.gif" alt="" width="10" height="41"></td>
  </tr>
</table>
</div>
<div id="header">
	<div id="logo"><img src="images/logo.gif"></div>
    <div id="company_name">"Метрдотель"</div>
    <div id="company_name_shaddow">"Метрдотель"</div>
    <div id="intro">Онлайн - сервіс "МЕТРДОТЕЛЬ" призначений для здійснення швидкого та зручного бронювання готелю в будь-якому куточку України, не відходячи від свого робочого місця. Ми допомагаємо Вам, йти в ногу з часом!<br>
</div>
	
</div>
<div id="body_area">
	 <div id="content_area">
	  <h1 align="center">Метрдотель вітає вас!</h1>
		<div id="accordion">
    <h3>Готель Львів</h3>
    <div>
        <p>
        <div class ="ilustration"><img src="images/hotel-lviv.jpg"></div>
		<div class ="info">Готель «Львів», збудований у другій частині ХХ століття, протягом кількох десятків років приймає туристів і гостей міста. З того часу в його стінах відбулися кардинальні зміни: про комфорт туристів подбали сучасні дизайнери, які модернізували інтер'єри номерів. Готель "Львів" як і багато готелів Львова, що з'єднують в собі не тільки комфорт, але і старовинний дух міста, готовий запропонувати номери, які задовольнять всі ваші вимоги</div>
        </p>
    </div>
    <h3>Готель "Нобіліс"</h3>
    <div>
        <p>
      <div class ="ilustration"><img src="images/hotel-nobilis.jpg"></div>
	 <div class ="info">Новозбудований Готель "Нобіліс", розташований в самому центрі Львова, запрошує Вас у світ розкоші та елегантності. Його вишукана будівля, витримана в стилістиці Австро-Угорського будівництва, захоплює з першого погляду. Розписаний вручну фасад, унікальний рухомий годинник, авторські ковка та лиття, співпраця з художниками і флористами, музикантами і дизайнерами, - всі ці деталі, поєднавшись, утворюють шедевр під назвою "Нобіліс". </div>
        </p>
    </div>
    <h3>Леополіс</h3>
	
    <div>
        <p>
        <div class ="ilustration"><img src="images/hotel-leopolis.jpg"></div>
		<div class ="info">Отель Леополис является самым изысканным и респектабельным в городе Львове. Он расположен в историческом здании, полностью отреставрированном снаружи и реконструированном изнутри. Внешний вид роскошного старинного здания сочетается с самим современным внутренним содержанием, стильным интерьером , новейшими технологиями и высоким уровнем сервиса. </div>
        </p>
    </div>
    <h3>Готель Опера</h3>
    <div>
        <p>
        <div class ="ilustration"><img src="images/hotel-opera.jpg"></div>
		<div class ="info">Готель "Опера" розташований в самому серці Львова, де все сприяє проникненню в атмосферу середньовічного міста, де з любовю продумана кожна дрібниця і де Ви зможете відчути себе як вдома.До Ваших послуг: розкішні номери, в тому числі іменні; цілодобове ресторанне обслуговування в номерах; бізнес-центр; 2 зали для проведення переговорів, презентацій та інших заходів; ресторан "Опера" на 1-му поверсі; ресторан "Панорама" на 7 - му поверсі; цілодобові послуги пральні та хімчистки; транспортне обслуговування. </div>
        </p>
    </div>
</div>
	 </div>
	 <div style="width:1px; height:300px;float:left; background-color:#000000;"></div>
	 <div id="side_bar">
	 <div align="center" style="font-size:18px">Форма входу</div>
		<table>
			<tr> 
				<td>Логін</td>
				<td><input type="text" size="15" placeholder="Login"/></td>
			</tr>
			<tr> 
				<td>Логін</td>
				<td><input type="password" size="15" placeholder="password"/></td>
			</tr>
			<tr> 
				<td colspan = "2" align ="center"><input type = "submit" name="Ok" value="Вхід"></td>
			</tr>
			<tr> 
				<td colspan = "2" align ="center"><a href="#">Створити акаунт</a></td>
			</tr>
		</table>
	 </div>
	 <div style="clear:both"></div>
</div>
<div id="footer">
  <div id="bottom_menu"><a href="index.html">Про сервіс</a> |  <a href="catalog.html">Каталог готелів</a>  |  <a href="#">Галерея</a>  |  <a href="#">Форма бронювання</a> |  <a href="#">FAQ</a>  | <a href="#">Контакти</a></div>
  <div id="bottom_addr">© 2010 Metrdotel. Всі права захищені</div>
</div>
<div class="pagebottom"></div>
</div>

</body>
</html>
